<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入ESAYUI 的主题样式   -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<!--  ESAYUI 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入JQUERY 和  easyui.js   中文设置JS-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//禁用姓名和人员编号输入 直接session获取
		$('#eid').attr("disabled", "disabled");
		$('#ename').attr("disabled", "disabled");
		$('#op').attr("disabled", "disabled");
		$('#eeid').attr("disabled", "disabled");
		//----配置部门下拉框----
			$('#did').combobox({
			url : 'selectdid',
			valueField : 'id',
			textField : 'text',
			panelHeight : 'auto'
		});
//----------------------------------------------
		//----加班条框----
		$('#qjia').window({
			title : '加班申请单',
			width : 888,
			height : 500,
			collapsible : false,//关闭折叠按钮
			closable : false,//关闭x按钮
			minimizable : false
		});
		
 		//----提交加班申请表---
		$("#csubmit").linkbutton({
			onClick : function() {
				
				$('#ff').submit();
				$('#qjia').window('close');  
				
			},
		})
		
		$('#ff').form({
			url : 'AddTime',
			 onSubmit: function(){     
				
			    },
			success : function(data) {

				if(data==0){
					$.messager.alert('提示','你今天已提交过申请');
				}else{
					if(data == 1){
						$.messager.alert('提示','提交成功');
					}else{
						$.messager.alert('提示','你已提交过申请;请耐心等待审批结果');
					}
				}
	
			}
		}) 
		
		
		// ---- 查询处理按钮 ----
			$("#cmit").linkbutton({
			onClick : function() {
				//点击按钮打开查询框
				$('#win').window('open');
				$('#qjia').window('close');  
			}

		});
		
		//---- 配置查询框 ----
		$('#win').window({    
			title : '查询',
		    width:240,    
		    height:200,    
		    closed:true,
			collapsible : false,//关闭折叠按钮
			closable : false,//关闭x按钮
			minimizable : false,//关闭x最小化
			maximizable:false//关闭最大化		   
		}); 
		
		//---- 配置查询条件输入框 ----
			$('#eeid').textbox({       
   					 iconCls:'icon-man', 
  					 iconAlign:'left'  ,  
    	
		});
		
//申请结果查询提交请求
		$("#bmit").linkbutton({
			onClick : function() {

				$('#fsqjg ').submit();
				$('#win').window('close');  
				$('#p3').window('open');
			}

		})
		$('#fsqjg').form({
	
			onSubmit : function() {

			},
			success : function(data) {

			}
		});

//---------------------
	$('#p3').window({
			title : '加班序列单',
			width : 1000,
			height : 400,
			 closed:true,
			collapsible : false,//关闭折叠按钮
			closable : true,//关闭x按钮
			minimizable : false
		});
//审批结果展示
		$('#dg').datagrid({    
		  //  url:'datagrid_data.json',    
		  url:'SQCX',
		    columns:[[    
		        {field:'ename',title:'姓名',width:100},      
		        {field:'department',title:'部门',width:100},  
		        {field:'wcontent',title:'加班事由',width:100},   
		        {field:'opinion',title:'审批结果',width:100},    
		        {field:'remake',title:'备注',width:100},    
		        {field:'retime',title:'审批时间',width:100},  
		    ]],
		  rownumbers:true,
		    pagination:true,
		    pagePosition:'bottom',
		    pageSize:3,
		    pageList:[3,6,9],
		    
		});  
		//form表单校验
$.extend($.fn.validatebox.defaults.rules, {    
		    date : {// value值为文本框中的值
                validator : function(value) {
                	 return /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);
		
                },
                message : '输入当天日期.'
            },
		
		});
		
		
	})

</script>

<body>
<div>
<a id="cmit" href="#" class="easyui-linkbutton">查询处理</a>

</div>

	<!-- 加班条框开始 -->
	<div id="qjia">
		<div style="text-align: center;">
			<h3>加班申请表</h3>
		</div>
		<br>
		<form id="ff" method="post">
			<!-- 人员姓名 -->
			<div style="width:380px;height: 120px;margin-left: 30px">
			<div style="margin-left: 40px">
				申请人员&nbsp;<input class="easyui-validatebox" type="text" id="ename" 

value="${sessionScope.user.username}"> 
			</div>
			<br>
			<!-- 人员编号 -->
			<div style="margin-left: 40px">
				人员编号&nbsp;<input class="easyui-validatebox" type="text" id="eid" 

value="${sessionScope.user.usernum}"> 			
			</div>
			<br>
			 <!-- 部门选择用下拉框 -->
			<div style="margin-left: 40px">						
				部&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;门:<input id="did" value="请选择 " name='did' 

/>
			</div>
			</div>
			<br>&nbsp;&nbsp;
			<!-- 申请日期 -->
			<div style="height: 120px;margin-left: 450px;margin-top: -155px;">
			<div style="margin-left: 40px;">
				申&nbsp;请&nbsp;日&nbsp;期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="date" name="date" 

value="" class="easyui-datebox easyui-validatebox" data-options="required:true,validType:'date'" label="Start Date:" 

labelPosition="top" style="width:100px;">
			</div>
			<br>
			<!-- 加班时间 -->
			<div style="margin-left: 40px">
				加班开始时间 <input id="btime" name="btime" class="easyui-datetimebox"label="Select 

DateTime:" labelPosition="top" style="width: 150px;"required="true">
				<br>&nbsp;&nbsp;&nbsp;&nbsp;<br>
				加班结束时间 <input id="etime" name="etime" class="easyui-datetimebox"label="Select 

DateTime:" labelPosition="top" style="width: 150px;"required="true">
			</div>
			</div>
			<!-- 加班事由框 -->
			<div style="border:3 solid #000;margin-left:70px;">
				加&nbsp;班&nbsp;事&nbsp;由&nbsp;: <br>
				<div style="margin-left: 70px;">
				<input id="wcontent" name="wcontent" type="text"style="width: 550px; height: 40px;" 

class="easyui-validatebox" data-options="required:true">
				</div>
			</div>
			<br>
			<!-- 审批 -->
			<div style="margin-left: 70px ">
			人事审批意见:<br>
			<div style="margin-left: 70px;">
			<input id="op"type="text" style="width: 100px; height: 30px;">
			</div>
			</div>
			<br><br>
			<br><br>
			<div style="text-align: center;">
				<a style="width: 70px;height: 30px;" id="csubmit" href="#" class="easyui-linkbutton">提交

</a>
			</div>
		</form>
</div>
<!-- 加班条框结束 -->


<!-- 申请结果查询 -->
<div id="win">
<form id = "fsqjg" method="post">
<h5 style="text-align: center;">当前人员编号</h5>
<div style="text-align: center;width: 140px;height: 30px;">
<input type="text" id="eeid" name=" eeid"value="${sessionScope.user.usernum}" style="width: 220px;height: 30px;">
</div>
<br>
<div style="text-align: center;">
<a id="bmit" href="#" class="easyui-linkbutton">提交</a>
</div>
</form>
</div>  

<!--   审批结果展示 -->

<div id="p3" style="padding:10px;">    
<!-- 审批结果 -->
	<table id="dg">
	
	</table>  
 
</div>  

</body>
</html>